<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="https://www.21cake.com/favicon.ico">
    <meta name="referrer" content="no-referrer" />
    <title>21Cake蛋糕官网_24小时蛋糕网上订购_5小时新鲜送达！</title>
    <link rel="stylesheet" href="../css/reset (1).css">
    <link rel="stylesheet" href="../header_footer/css/cakeheader.css">
    <script src="../js/jquery-1.9.1.min.js"></script>
    <link rel="stylesheet" href="../css/list.css">
    <link rel="stylesheet" href="../css/index.css">
    <style>
        .zwdiv {
            width: 100%;
            height: 80px;
        }
    </style>
</head>

<body>
    <div class="zfg-cake-header"></div>
    <script>
        $(function () {
            // 引头部
            $('.zfg-cake-header').load('../header_footer/cakeheader.html')
            // 尾部
            $('.zfg-cake-foot').load('../header_footer/Foot/html/foot.html')
        })
    </script>
    <div class="zwdiv"></div>
    <div class="ly-w ly-pro-list-filter">
        <span> 分类:</span>

        <ul class="ly-cat-list">
            <li>
                <a href="javascript:;">全部分类</a>
            </li>
            <li class="ly-active cake">
                <a href="javascript:;">蛋糕</a>
            </li>
            <li class="ly-active bread">
                <a href="javascript:;">面包</a>
            </li>
            <li class="ly-active ice">
                <a href="javascript:;">冰淇淋</a>
            </li>
            <li class="ly-active coffee">
                <a href="javascript:;">咖啡下午茶</a>
            </li>
        </ul>

    </div>


    <!-- 列表 -->
    <div class="ly-w ly-pro-list-box">
        <ul class="ly-pro-list-pr">
            <!--  <li class="ly-list-goodsli">
                <div class="ly-pro-list-su">
                    <a href="" class="ly-goods-list">

                        <img src="../images/ssss.jpg" alt="" class="ly-lazy">
                        <h3>句与句</h3>
                        <span>ssssfs4545</span>
                    </a>
                    <div class="ly-label-entrance">
                        <a href="">ddd</a>
                        <a href="">dddd</a>
                    </div>
                    <a href="javascript:;" class="ly-por-list-addcart">
                        <i></i> 加入购物车
                    </a>
                    <div class="ly-label">
                        <img src="../images/标签.png" alt="">
                    </div>
                </div>

                <div class="ly-boxx">
                    <div class="ly-boxx-price">
                        <span class="ly-active">￥198.00/454g(1.0磅)</span>
                        <span>￥198.00/454g</span>
                        <span>￥198.00/4</span>
                    </div>

                    <div class="ly-boxx-list1">
                        <input class="ly-on" type="button" value="按钮1">
                        <input type="button" value="按钮2">
                        <input type="button" value="按钮3">
                    </div>

                    <div class="ly-buttons">
                        <div class="ly-buttons1">立即购买 </div>
                        <div class="ly-buttons2"> 加入购物车</div>
                    </div>
                </div>
            </li> -->
        </ul>
    </div>

    <!-- 商品 -->
    <script src="../js/ajax.js"></script>
    <script src="../js/list.js"></script>
    <!--  <script>
        let arr = [{
            fenlei: "蛋糕",
            xianshi: "蛋糕"
        }, {
            fenlei: "面包",
            xianshi: "面包"
        }, {
            fenlei: "冰淇淋",
            xianshi: "冰淇淋"
        }, {
            fenlei: "咖啡下午茶",
            xianshi: "咖啡"
        }, ];

        let arr3;
        fn(arr);

        function fn(data) {
            arr3 = data.filter(function(ele, index, self) {
                if (ele.fenlei == "冰淇淋") return ele;
            });
        }
        console.log(arr3);
        let a = document.querySelector(".ly-cat-list");
        arr3.forEach((ele) => {
            str = ``;
            a.innerHTML += str;
        });
    </script> -->
    <div class="zfg-cake-foot"></div>
</body>

</html>